@import './config.scss';
.table-wrapper {
	padding: 2.1vh 16px 3.6vh;
	background: #F7F7F7;
	.el-table {
		&.table-disabled {
			tr {
				background: #888;
				&:hover>td {
					background: #888!important;
				}
			}
		}
		background: #F7F7F7;
		&:before {
			height: 0;
		}
		.el-table__header {
			th {
				padding: 0;
				text-align: center;
				&:first-child {
					text-align: left;
					padding-left: 16px;
				}
				&.is-leaf {
					border-bottom: none;
				}
				div {
					padding-left: 10px;
					padding-right: 0;
				}
			}
		}
		.el-table__body {
			border-spacing: 0px 8px;
			tr {
				&:hover>td {
					background: #fff;
				}
				&.current-row {
					.c-wrapper {
						background: #454545!important;
					}
					td {
						background: #000!important;
						color: #fff!important;
						.opacity {
							background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))!important;
						}
					}
				}
				&.el-table__row--striped td {
					background: #F1F1F1;
				}
			}
			th {
				background: #f7f7f7;
				&.is-leaf {
					border-bottom: none;
				}
				.cell {
					width: initial;
					height: 24px;
					line-height: 34px;
					font-size: 14px;
					font-style: normal;
					font-weight: 100;
					padding: 0 0 0 10px;
					overflow: initial;
					.caret-wrapper {
						position: absolute;
						left: -7px;
						top: 0;
						z-index: 9999;
						.sort-caret {
							border-right: 3px solid transparent;
							border-left: 3px solid transparent;
							&.descending {
								border-top: 5px solid #888;
								bottom: 6px;
							}
							&.ascending {
								border-bottom: 5px solid #888;
								top: 3px;
							}
						}
					}
				}
				&.descending {
					.sort-caret.descending {
						border-top-color: #000!important;
					}
				}
				&.ascending {
					.sort-caret.ascending {
						border-bottom-color: #000!important;
					}
				}
			}
			td {
				border-bottom: none!important;
				text-align: center;
				font-size: 14px;
				color: #000;
				padding: 8px 0;
				&:first-child {
					border-top-left-radius: 4px; 
					border-bottom-left-radius: 4px;
				}
				&:last-child {
					border-top-right-radius: 4px; 
					border-bottom-right-radius: 4px;
				}
			}
		}
	}
	&::v-deep.el-table--enable-row-transition .el-table__body td {
		transition: initial!important;
	}
}

.table-wrapper ::v-deep.el-pagination.is-background .el-pager li:not(.disabled) {
    &.active {
        background: $fontColor;
        &:hover {
            color: #fff;
        }
    }
    &:hover {
        color: $fontColor;
    }
}